<template>
    <view class="content">
        <image class="beiY" src="../../static/beiY.png" mode="aspectFill"></image>
		 <image class="titel" src="../../static/titel.png" mode="aspectFit"></image>
		<view class="gogame" @click="Level"   >
			<image class="gogameimg" src="../../static/gogame.png" mode="aspectFit"></image>
			<text class="Go" >进入游戏</text>
		</view>
    </view>
</template>

<script setup lang="ts">
	
  
  
	
	const Level = () => {
		 uni.navigateTo({
		        url: '/pages/Level/Level'
		    });
	}
	
	
</script>

<style scoped>
	image{
		width: 0;
		height: 0;
	}
	
    .content {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh; 
        z-index: -1; 
    }
    .beiY {
        width: 100%;
        height: 100%;
        object-fit: cover; 
    }
	.titel{
		 position: fixed;
		    top: 385rpx;
		    left: 50%;
		    width: 574rpx;
		    height: 150rpx;
			transform: translateX(-50%);
	}
	.gogame{
		position: fixed;
		   bottom: 480rpx;
		   left: 50%; 
		   width: 580rpx;
		   height: 150rpx;
			transform: translateX(-50%);
			display: flex;
			justify-content: center;
			align-items: center;
	}
	.gogameimg{
			width: 480rpx;
			height: 150rpx;
			
	}
	.Go{
		margin-top: -15rpx;
		position: absolute;
		font-size: 35rpx;
		color: #fff;
		letter-spacing: 15rpx;
		font-weight: bold;
	}

	
	
</style>
